<template>
    <div id="app">
        <router-view></router-view>
    </div>
</template>

<script>

    export default {
        name: 'app',
        data() {
            return {
                isPhone: false
            }
        },
        mounted() {
        },
        methods: {

        }
    }
</script>

<style lang="less">
@import "assets/common/css/color.less";
    #app{
        width: 100%;
        height:100%;
        overflow-y: scroll;
    }
    body{
        width: 100%;
        height: auto;
        color: #000;
        font-family:PingFangSC-Regular,'微软雅黑', "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    /*全局重新定义整体样式*/

    /*1.下拉列表hover样式*/
    .el-dropdown-menu__item:focus,
    .el-dropdown-menu__item:not(.is-disabled):hover{
        color: @button-hover !important;
    }
    /*2.tab栏hover样式*/
    .el-tabs__item{
        height: auto !important;
    }
    .el-tabs__item:not(.is-disabled):hover{
        /*<!--color: @button-hover !important;-->*/
        color: #eee !important;
    }
    .el-tabs--border-card>.el-tabs__header .el-tabs__item{
        border: none !important;
    }

    /*3.按钮统一样式颜色及hover颜色*/

    .el-button--primary{
        color: #fff !important;
        background-color: @navbar-active-bgcolor !important;
        border-color: @navbar-active-bgcolor !important;
    }
    .el-button--primary:hover {
        color: #fff !important;
        border-color: @button-hover !important;
        background-color: @button-hover !important;
    }
    /*4.表格header强制一行显示*/
    .el-pagination.is-background .el-pager li:not(.disabled).active{
        background-color:  @navbar-active-bgcolor !important;
    }
    .el-table th>.cell{
        white-space:nowrap;
    }
    /*5.switch切换时的颜色*/
    .el-switch.is-checked .el-switch__core {
        border-color: @navbar-active-bgcolor !important;
        background-color: @navbar-active-bgcolor !important;
    }
    /*5.select-dropdown切换时的颜色*/
    .el-select-dropdown__item.selected {
        color: @navbar-active-bgcolor !important;
    }
    /*.el-submenu__title:hover{*/
    /*border-left: 4px solid #009688*/
    /*}*/
    /*6.选择表格*/
    .el-checkbox__input.is-checked .el-checkbox__inner,
    .el-checkbox__input.is-indeterminate .el-checkbox__inner{

        border-color: @navbar-active-bgcolor !important;
        background-color: @navbar-active-bgcolor !important;
    }
    .el-checkbox__inner:hover{
        border-color: @navbar-active-bgcolor !important;
    }
    .el-table .descending .sort-caret.descending{
        border-top-color: @navbar-active-bgcolor !important;
    }
    .el-table .ascending .sort-caret.ascending{
        border-bottom-color: @navbar-active-bgcolor !important;
    }
    /*radio 单选*/
    .el-radio-button__orig-radio:checked+.el-radio-button__inner{
        background-color: @navbar-active-bgcolor !important;
        border-color: @navbar-active-bgcolor !important;
        box-shadow: none !important;
    }
    .el-radio-button__inner:hover{
        color: @button-hover !important;
    }
    .el-checkbox__input.is-checked+.el-checkbox__label{
        color: @navbar-active-bgcolor !important;
    }
        /*radio 单选*/
    .el-table .cell, .el-table th div,
    .el-table--border td:first-child .cell,
    .el-table--border th:first-child .cell{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    /*.el-table td, .el-table th{*/
        /*padding: 12px 0 !important;*/
    /*}*/
    .el-table--striped .el-table__body tr.el-table__row--striped.current-row td,
    .el-table__body tr.current-row>td,
    .el-table__body tr.hover-row.current-row>td,
    .el-table__body tr.hover-row.el-table__row--striped.current-row>td,
    .el-table__body tr.hover-row.el-table__row--striped>td,
    .el-table__body tr.hover-row>td{
        background-color: rgba(0,150,136,0.1) !important;
    }

</style>

